import React, { memo } from 'react';
import { Player, BigPlayButton } from 'video-react';
import './index.css';
import { IVideoConfig } from './schema';
const VideoPlayer = memo((props: IVideoConfig) => {
  const { poster, path } = props;
  return (
    <div className="h100p">
      <Player playsInline poster={poster[0].url} src={path}>
        <BigPlayButton position="center" />
      </Player>
    </div>
  );
});

export default VideoPlayer;
